<template>
	<div class="home-box">
		<el-container>
			<el-aside width="200px">
				<NavMenu></NavMenu>
			</el-aside>
			<el-container>
				<el-header>Header</el-header>
				<el-main class="el-main">
					<div class="home-view-box">
						<router-view></router-view>
						<footerText></footerText>
					</div>
				</el-main>
			</el-container>
		</el-container>
	</div>
</template>

<script>
	import NavMenu from '@/components/NavMenu/NavMenu.vue';
	import footerText from '@/components/footer/footer.vue';
	export default {
		name: 'Home',

		data() {
			return {};
		},
		components: { NavMenu, footerText },
		mounted() {},

		methods: {},
	};
</script>

<style lang="less" scoped>
	.el-main {
		padding: 0;
	}
	.home-view-box {
		position: relative;
		background-color: #f2f7fb;
		height: 500px;
		padding: 10px;
	}
</style>
